&:active {
box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8);
}
+ &:backdrop:hover { background-color: transparent; }
&:selected {
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
&:hover {
}
&:backdrop { background-color: $selected_bg_color; }
}
- &:backdrop:hover { background-color: transparent; }
}
.list-row:selected {
background-color: #323232; }
.list-row.button:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+.list-row.button:backdrop:hover {
+ background-color: transparent; }
.list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.list-row.button:selected:hover {
background-color: #356ba4; }
.list-row.button:selected:backdrop {
background-color: #215d9c; }
-.list-row.button:backdrop:hover {
- background-color: transparent; }
.list-row:selected .button {
color: #eeeeec;
background-color: #f4f4f4; }
.list-row.button:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+.list-row.button:backdrop:hover {
+ background-color: transparent; }
.list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.list-row.button:selected:hover {
background-color: #4786c8; }
.list-row.button:selected:backdrop {
background-color: #4a90d9; }
-.list-row.button:backdrop:hover {
- background-color: transparent; }
.list-row:selected .button {
color: #2e3436;